{% load i18n static common %}
{% autoescape off %}
    <div id="{{ model_name }}_edit_form" style="padding: 10px; height: 550px;width: 800px">
        <form class="layui-form data-form" action="" method="post">
            <input type="hidden" id="id_model_pk" data-name="pk" value="{{ object_id }}"/>
            {% csrf_token %}
            {% with adminform.form as f %}
                <div class="layui-row layui-col-space12" style="margin-top: 0px">
                    <div class="layui-col-md7">
                        <div class="layui-form-item">
                            {% layui_inline f.company_code %}
                        </div>
                        <div class="layui-form-item">
                            {% layui_inline f.company_name %}
                        </div>
                        <div class="layui-form-item">
                            {% layui_inline f.country %}
                        </div>
                        <div class="layui-form-item">
                            {% layui_inline f.city %}
                        </div>
                        <div class="layui-form-item">
                            {% layui_inline f.email %}
                        </div>
                        <div class="layui-form-item">
                            {% layui_inline f.log_position %}
                        </div>
                        <div class="layui-form-item">
                            {% layui_inline f.name_position %}
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <span class="color_orange"
                              style="color: #7ac142;float: left;">{% trans '(Optimal Size 230×80 Pixel)' %}</span>
                        <div class="layui-form-item">
                            <div id="img_logo" style="background-image: url('/files/{{ f.instance.logo }}');
                                    background-size:cover; background-repeat: no-repeat" class="layui-upload-img"></div>
                           <img id='img_show' src='/files/{{ f.instance.logo }}' class="layui-upload-img"style="display: none">
                            {% layui_inline_without_label f.logo %}
                        </div>

{#                        <div class="layui-form-item">#}
{#                            {% layui_form_item_block f.show_in_report %}#}
{#                        </div>#}
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">{% trans 'company_field_employeeNumber' %}</label>
                            {% layui_inline_without_label f.employee_number_gt %}
                            {% layui_inline_without_label f.employee_number_lt %}
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">{% trans 'company_field_areaNumber' %}</label>
                            {% layui_inline_without_label f.area_number_gt %}
                            {% layui_inline_without_label f.area_number_lt %}
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">{% trans 'company_field_departmentNumber' %}</label>
                            {% layui_inline_without_label f.department_number_gt %}
                            {% layui_inline_without_label f.department_number_lt %}
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">{% trans 'company_field_positionNumber' %}</label>
                            {% layui_inline_without_label f.position_number_gt %}
                            {% layui_inline_without_label f.position_number_lt %}
                        </div>
                        <span class="color_orange"
                              style="color: #7ac142;float: left;margin-left: 100px;">{% trans 'create_new_company' %}</span>
                    </div>
                    <div class="">
                        <div class="layui-form-item">
                            {% layui_inline f.fax %}
                            {% layui_inline f.website %}
                        </div>
                        <div class="layui-form-item">
                            {% layui_inline f.postal_code %}
                            {% layui_inline f.state %}
                        </div>
                        <div class="layui-form-item">
                            {% layui_inline f.address %}
                            {% layui_inline f.address2 %}
                        </div>
                    </div>
                </div>
            {% endwith %}
        </form>
    </div>
    <script>
        layui.use('upload', function(){
          var $ = layui.jquery
          ,upload = layui.upload;
          //普通图片上传
          upload.render({
          elem: "#id_logo"
          //,url: ''
          ,auto: false
          ,field: "photo"
          ,choose: function(obj){
            obj.preview(function(index, file, result){
                $("#img_logo").hide();
                 $("#img_show").attr('src', result);
                 $("#img_show").show();
            });
          }
          ,error: function(index, upload){

          }
      });
       });
        $("#img_logo").click(function () {
            $("#img_logo").animate({
                width: "130%",
                height: "110px",
                marginLeft: "-20%",
                marginTop: "-10%",
                marginRight: "-20%"
            })
        }).mouseenter(function () {
            layer.tips('{% trans 'companySettingPage_placeholder_upload' %}', this, {time: 1000})
        }).mouseleave(function () {
            $("#img_logo").animate({width: "100%", height: "80px", marginTop: 0, marginLeft: 0})
        })
        var fileInput = document.getElementById("id_logo"), preview = document.getElementById("img_logo")
        {% if not change %}
           layer.open({
                   title: '{% trans 'company_field_attention' %}'
                  , btn: [gettext("btn_confirm"), gettext("btn_cancel")]
                  , area: ['auto', 'auto']
                  ,closeBtn: false
                  , content: '{% trans 'company_field_attentionContent' %}'
                  , yes: function (index, layero) {
                     layer.close(index);
                  }
                  ,btn2:function (index, layero) {
                     layer.closeAll();
                  },close:function (index, layero) {
                     layer.closeAll();
                  }
                });
        {% endif %}
    </script>
{% endautoescape %}